<script>
import Head from '@/components/common/Head'
import Recommend from './comp/Recommend'
import SideBar from '@/components/sidebar'
import * as service from 'service/request'

export default {
	data () {
		return {
			selected: 'recom',
		}
	},
	components: {
		Head,
		Recommend,
		SideBar,
	},
}
</script>
<template lang="pug">
.page-home
	.main_bg
		Head
		.c_bg_main
			x-tabbar(v-model="selected")
				x-tabbar-item(id="recom") 推荐
				x-tabbar-item(id="friend") 朋友
				x-tabbar-item(id="radio") 电台
	.page-home__content
		.page-home__scroll
			mt-tab-container(v-model="selected")
				mt-tab-container-item(id="recom")
					Recommend
				mt-tab-container-item(id="friend")
					p flddfldf
				mt-tab-container-item(id="radio")
					p flfdjlkfj
	SideBar
</template>
<style lang="stylus" scoped>
.main_bg
	position fixed
	top 0
	width 100%
.page-home__content
	height 100vh
	padding-top 93px
	padding-bottom 55px
	box-sizing border-box
	.page-home__scroll
		height 100%
		overflow auto
</style>
